<%--
  Created by IntelliJ IDEA.
  User: Administrator
  Date: 2020/6/18
  Time: 9:10
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>customer</title>
    <link rel="stylesheet" href="${pageContext.request.contextPath}/static/layui/css/layui.css">
</head>
<body>
<table class="layui-hide" id="test" lay-filter="test"></table>
<%--头部多条件查询--%>
<form class="layui-form" >
    <div class="layui-inline">
        <div class="layui-input-inline">
            <button type="button" class="layui-btn" lay-submit>搜索</button>
        </div>
    </div>
    <div class="layui-inline">
        <div class="layui-input-inline">
            <button type="button" class="layui-btn" lay-submit>+新建</button>
        </div>
    </div>
    <div class="layui-inline">
        <div class="layui-input-inline">
            <button type="button" class="layui-btn" lay-submit>修改</button>
        </div>
    </div>
    <div class="layui-inline">
        <div class="layui-input-inline">
            <button type="button" class="layui-btn" lay-submit>转移</button>
        </div>
    </div>
    <div class="layui-inline">
        <div class="layui-input-inline">
            <button type="button" class="layui-btn" lay-submit>删除</button>
        </div>
    </div>
    <div class="layui-inline">
        <div class="layui-input-inline">
            <button type="button" class="layui-btn" lay-submit>导出</button>
        </div>
    </div>
</form>
<table class="layui-hide" id="roleTable" lay-filter="roleTable"></table>
<script src="${pageContext.request.contextPath}/static/layui/lay/layui.js" charset="utf-8"></script>
<!-- 注意：如果你直接复制所有代码到本地，上述js路径需要改成你本地的 -->
<script>
    layui.use(['layer','form','table','jquery'],function () {
        var layer=layui.layer
            , form=layui.form;
        var table=layui.table;
        var $=layui.$;

        //展示已知数据
        table.render({
            elem: '#rloeTable'
            , url:"${pageContext.request.contextPath}/role/customer"
            , toolbar:
            , cols: [[ //标题栏
                {field: 'id', title: 'ID', width: 80, sort: true}
                , {field: 'name', title: '客户名称', width: 120}
                , {field: 'status', title: '客户状态', minWidth: 150}
                , {field: 'type', title: '客户类型', minWidth: 160}
                , {field: 'maturity', title: '客户成熟度', width: 80}
                , {field: 'levels', title: '客户等级', width: 100}
                , {field: 'description', title: '客户描述', width: 80, sort: true}
            ]]
            ,even: true
            , page: true
        });
    });
</script>
</body>
</html>
